<div class="row">
	<div class="col-md-12" id="gallery" style="padding-top:15px;">
	<?php 
	if(count($poster) > 0){ 
		foreach($poster as $sub){
			echo '<a class="thumbnail col-sm-6 col-md-4" href="files/'. $sub->lomba_poster .'">';
			echo '<img data-src="holder.js/100%x300" alt="100%x300" src="files/thumbnail/'. $sub->lomba_poster .'" data-holder-rendered="true" style="height: 300px; width: 100%; display: block;">';
			echo '</a>';
		}
	}
	?>
	</div>
</div>
<script>
$('#gallery').magnificPopup({
	delegate: 'a',
	type: 'image',
	tLoading : 'Please Wait...',
	gallery: {
	  enabled:true
	}
});
</script>
<!-- <div class="row">
	<ul class="pager">
		<li class="disabled"><a href="#">&larr; Sebelumnya</a></li>
		<li><a href="#">Selanjutnya &rarr;</a></li>
	</ul>
</div> -->